<template>
  <div style="height:100%;">
    <mindmap v-model="data" style="height:100%;"></mindmap>
  </div>
</template>

<script>
import mindmap from '@hellowuxin/mindmap'

export default {
  name: 'myMindmap',
  components: {
    mindmap
  },
  data: () => ({
    data: [{
      'name': '如何学习D3',
      'children':
        [
          {
            'name': '预备知识',
            'children':
              [
                { 'name': 'HTML & CSS', 'children': [] },
                { 'name': 'JavaScript', 'children': [] }
              ]
          },
          {
            'name': '安装',
            'children': []
          }
        ]
    }]
  })
}

</script>
<style>
</style>